<html xmlns:th="http://www.thymeleaf.org">
<head th:fragment="copyCommon">
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<!-- 
width - viewport的宽度 height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放
 -->
<!-- <link rel="stylesheet" href="../static/css/animate.css" th:href="@{/static/css/animate.css}" type="text/css" /> -->
<!-- <link rel="stylesheet" href="../static/css/common.css" th:href="@{/static/css/common.css}" type="text/css" /> -->
<!-- <link rel="stylesheet" href="../static/font-awesome/css/font-awesome.css" th:href="@{/static/font-awesome/css/font-awesome.css}" type="text/css" /> -->
<link rel="stylesheet" th:href="@{/plugin/bootstrap/bootstrap.min.css}" type="text/css" />
<link rel="stylesheet" th:href="@{/plugin/jquery/chosen/bootstrap-chosen.css}" type="text/css" />
<link rel="stylesheet" th:href="@{/plugin/layui-v2.4.5/layui/css/layui.css}" media="all">
<!-- <link rel="stylesheet" href="../static/font-awesome/css/font-awesome.css" th:href="@{/static/font-awesome/css/font-awesome.css}" type="text/css" /> -->
<!-- <link rel="stylesheet" href="../static/css/frame.css" th:href="@{/static/css/frame.css}" type="text/css" /> -->
<!--     <link rel="stylesheet" href="../static/font-awesome/css/font-awesome.css" th:href="@{/static/iconfont/iconfont.css}" type="text/css" /> -->
<!-- base start 重要部分不可删改-->
<script type="text/javascript" th:src="@{/plugin/jquery/jquery-2.1.1.js}"></script>
<script type="text/javascript" th:src="@{/plugin/jquery/jquery.form.js}"></script>
<script type="text/javascript" th:src="@{/plugin/jquery/jquery-validation/jquery.validate.min.js}"></script>
<script type="text/javascript" th:src="@{/plugin/jquery/jquery-validation/messages_cn.js}"></script>
<script type="text/javascript" th:src="@{/plugin/jquery/metisMenu/jquery.metisMenu.js}"></script>
<script type="text/javascript" th:src="@{/plugin/jquery/underscore.js}"></script>
<script type="text/javascript" th:src="@{/plugin/jquery/chosen/chosen.jquery.js}"></script>
<script type="text/javascript" th:src="@{/plugin/bootstrap/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{/plugin/layer-v1.9.2/layer/layer.js}"></script>
<script type="text/javascript" th:src="@{/plugin/layui-v2.4.5/layui/layui.js}"></script>
<script type="text/javascript" th:src="@{/common/common.js}"></script>
<script type="text/javascript" th:src="@{/common/lyGrid.js}"></script>
<!-- <script type="text/javascript" src="../static/js/frame.js" th:src="@{/static/js/frame.js}"></script> -->
<script type="text/javascript" th:src="@{/js/cookie.js}"></script>
<script type="text/javascript" th:src="@{/js/base.js}"></script>

<style type="text/css">
.l_err {
    background: none repeat scroll 0 0 #FFFCC7;
    border: 1px solid #FFC340;
    font-size: 12px;
    padding: 4px 8px;
    width: 200px;
    display: none;
}

.error {
    border: 3px solid #FFCCCC;
}

.form-group {
    padding-left: 15px
}

.left {
    text-align: left;
    padding-left: 10px;
}

.right {
    text-align: right;
}

.hidden-xs {
    display: inherit;
}
.trbg{
background-color: gray !important;
    color: #fff;
}
.pop-wrrap{
    overflow:hidden;
    overflow-y:auto;
    height:100%;
}

</style>
<!-- base end -->
<script th:inline="javascript">

    /*<![CDATA[*/
    function onloadurl() {
        $("[data-url]").each(function() {
            var tb = $(this);
            tb.html(CommnUtil.loadingImg());
            tb.load(tb.attr("data-url"));
        });
    }
//     layer.config({
//         extend : [ 'skin/style.css' ],          //加载新皮肤
//         fix : false,                            // 用于设定层是否不随滚动条而滚动，固定在可视区域。
//         skin : 'layer-ext-myskin'               //一旦设定，所有弹层风格都采用此主题。
//     });
    
    var rootPath = [[${#httpServletRequest.getContextPath()}]];
    /**
     * options:
     * url : 获取select数据的路径
     * name : input name
     * textFiled :显示
     * valueFiled:value
     * data : 查询条件{}
     * value ：默认值
     */
    function getSelectEx(byId, options) {
        if (byId && options) {
            if (options.url && options.textFiled && options.valueFiled && options.name) {
                $.ajax({
                    type : "post",          //使用get方法访问后台
                    dataType : "json", //json格式的数据
                    async : true,           //同步   不写的情况下 默认为true
                    url : rootPath + options.url,
                    data : options.data,
                    success : function(data) {
                        for (var i = 0; i < data.length; i++) {
                            var selectObj = $("#" + byId).find("ul");
                            if (selectObj) {
                                if (options.value == "" && i == 0) {
                                    $("#" + byId).append(
                                            "<button data-toggle='dropdown' class='btn btn-sm btn-default dropdown-toggle'> "
                                                    + "<span class='dropdown-label'>"
                                                    + data[i][options.textFiled]
                                                    + "</span> <span class='caret'></span></button>");
                                    $("#" + byId).find("ul").append(
                                                    "<li class='active'><a href='#'><input type='radio' name="+options.name+ " value="+data[i][options.valueFiled]+" checked='checked'>"
                                                            + data[i][options.textFiled] + "</a></li>");
                                } else {
                                    if (options.value == data[i][options.valueFiled]) {
                                        $("#" + byId).append(
                                                "<button data-toggle='dropdown' class='btn btn-sm btn-default dropdown-toggle'> "
                                                        + "<span class='dropdown-label'>"
                                                        + data[i][options.textFiled]
                                                        + "</span> <span class='caret'></span></button>");
                                        $("#" + byId).find("ul").append(
                                                        "<li class='active'><a href='#'><input type='radio' name=" + options.name+ " value="+data[i][options.valueFiled]+" checked='checked'>"
                                                                + data[i][options.textFiled] + "</a></li>");
                                    } else {
                                        $("#" + byId).find("ul").append(
                                                        "<li class=''><a href='#'><input type='radio' name=" + options.name+ " value="+data[i][options.valueFiled]+" >"
                                                                + data[i][options.textFiled] + "</a></li>");
                                    }
                                }
                            }
                        }
                    }
                });
            }
        }
    }
    /*]]>*/
</script>
</head>
</html>